@import "public.scss";

.banner-wrap{
  height: px2rem(100px);
  background-image: url(../images/banner.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
}

.contentDiv{
  background: #fff;
  padding: px2rem(0px) px2rem(15px);
  margin-top: .32rem;
  .search-wrap{
    position: relative;
    height: 1.33333rem;
    padding: .26667rem 0;
    border-bottom: 1px solid #EEEEEE;
    a{
      font-size: .32rem;
      display: inline-block;
      margin-right: .22rem;
      padding: 0 .32rem;
      height: .74667rem;
      line-height: .74667rem;
      color: #666;
      background-color: #f5f5f5;
      border-radius: .13333rem;
      &.cur{
        background-color: #ff7c08;
        color: #fff;
      }
    }
    .icon-query{
      position: absolute;
      top: .29333rem;
      right: 0;
      display: block;
      width: .66667rem;
      height: .66667rem;
      background-image: url(../images/search.png);
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 100%;
    }
  }
  .tasklist-wrap{
    ul{
      position: relative;
      li{
        position: relative;
        .item-content{
          min-height: 2.13333rem;
          display: flex;
          align-items: center;
          justify-content: space-between;
          .item-media{
            padding-top: .18667rem;
            padding-bottom: .21333rem;
            -webkit-box-lines: single;
            flex-shrink: 0;
            flex-wrap: nowrap;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-align: center;
            img{
              display: inline-block;
              border-radius: .13333rem;
              width: 1.38667rem;
              height: 1.38667rem;
            }
          }
          .item-inner{
            border-bottom: 1px solid #eee;
            position: relative;
            display: -ms-flexbox;
            display: flex;
            overflow: hidden;
            box-sizing: border-box;
            width: 100%;
            min-height: 1.17333rem;
            padding-top: .21333rem;
            padding-bottom: .18667rem;
            -ms-flex-align: center;
            align-items: center;
            align-self: stretch;
            -webkit-box-align: center;
            -webkit-box-flex: 1;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-left: .4rem;
            .item-title{
              font-size: .45333rem;
              .name{
                color: #333;
                .is-hot{
                  position: relative;
                  top: -.05333rem;
                  padding-top: 0;
                  .tag{
                    background-color: #ff7c08;
                    color: #fff;
                    font-size: .29333rem;
                    padding: 0 .10667rem;
                    margin: 0;
                    height: .42667rem;
                    line-height: .42667rem;
                    display: inline-block;
                    border-radius: .05333rem;
                    text-align: center;
                  }
                }
              }
              .tag-box{
                display: inline-block;
                margin-top: px2rem(5px);
                .tag{
                  font-size: .32rem;
                  display: inline-block;
                  color: #666;
                  background-color: #f5f5f5;
                  border-radius: .05333rem;
                  margin: 0 .08rem;
                  padding: 0 .18667rem;
                  height: .50667rem;
                  line-height: .50667rem;
                  box-sizing: border-box;
                  text-align: center;
                  &:first-child{
                    margin-left:0;
                  }
                }
              }
            }
            .item-after{
              display: flex;
              font-size: .53333rem;
              line-height: 1.06667rem;
              position: absolute;
              top: .21333rem;
              right: 0;
              color: #ff7c08;
              .sign{
                font-size: .42667rem;
                padding-right: .05333rem;
                -ms-flex-order: 1;
                order: 1;
                transform: translate3d(0,3%,0);
              }
              .num{
                order: 2;
              }
              .unit{
                font-size: .34667rem;
                padding-left: .05333rem;
                -ms-flex-order: 3;
                order: 3;
                transform: translate3d(0,2.5%,0);
              }
            }
          }
        }
      }
    }
  }
}




